---
layout: page
---
<style type="text/css">
	h1.category-title {
    color: cornflowerblue;
    background-color: cornsilk;
    font-family: -webkit-pictograph;
}
</style>
<div class="categories">
    <h1 class="h1 category-title">
      Category:&nbsp;&nbsp;&nbsp;{{ page.category-name }}
    </h1>
    <div class="posts">
      {% for post in site.categories[page.category-name] %}
		<div class="post-preview">
			<a href="{{ post.url | prepend: site.baseurl }}">
				<h2 class="post-title">
					{{ post.title }}
				</h2>
				{% if post.subtitle %}
				<h3 class="post-subtitle">
					{{ post.subtitle }}
				</h3>
				{% endif %}
				<div class="post-content-preview">
					{{ post.content | strip_html | truncate:100 }}
				</div>
			</a>
			<p class="post-meta">
				Posted by {% if post.author %}{{ post.author }}{% else %}{{ site.author }}{% endif %} on {{ post.date | date: "%B %-d, %Y" }}
			</p>
		</div>
		<hr>
	{% endfor %}

    </div>
</div>